<template>
	<view class="view-contain">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module leftIcon="arrow-left" :title="title" />
		<view class="review-item u-flex u-flex-between">
      <view>
        <view class="sjmc">{{ formInfo.dwmc }}</view>
        <view class="zexq">
          <view class="u-flex u-flex-between">
            <view class="item">地区名称: {{ formInfo.dqmc }}</view>
            <view class="item">职位类别: {{ formInfo.zwlb }}</view>
            <view class="item">招考人数: {{ formInfo.zkrs }}</view>
          </view>
          <view class="u-flex u-flex-between zexq-bottom">
            <view class="item">学历: {{ formInfo.xueli }}</view>
            <view class="item">隶属关系: {{ formInfo.lsgx }}</view>
            <view class="item">职位代码: {{ formInfo.zwdm }}</view>
          </view>
        </view>
        <view class="zwmc">职位名称：{{ formInfo.zwmc }}</view>
        <view class="zwjj">职位简介：{{ formInfo.zwjj }}</view>
        <view class="title">专业</view>
        <view class="zwjj">{{ formInfo.zhuanye }}</view>
        <view class="title">其他</view>
        <view class="zwjj">{{ formInfo.qita }}</view>
      </view>
    </view>
	</view>
</template>

<script>
export default {
	data() {
		return {
      title: '岗位详情',
      formInfo: {}
		}
	},
  onLoad(option) {
    if (option.data) {
      const data = JSON.parse(option.data)
      this.formInfo = data
    }
  },
	methods: {}
}
</script>

<style lang="scss" scoped>
.view-contain {
	position: relative;

	.review-item {
		width: calc(100vw - 96rpx);
		margin: 12rpx 24rpx 12rpx;
		padding: 24rpx;
		background-color: #FFF;
		border-radius: 32rpx;

		.sjmc {
			font-size: 42rpx;
			font-weight: bold;
			margin-bottom: 32rpx;
			white-space: normal;
			word-break: break-all;
			overflow: hidden;
		}

    .zexq {
      margin: 36rpx 0;
      min-width: 480rpx;
      font-size: 24rpx;
      font-weight: normal;
			color: #333;

      .zexq-bottom {
        margin-top: 16rpx;
      }

      .item {
        padding: 2rpx 4rpx;
        border: 1rpx solid #ccc;
      }
    }

		.zwmc {
			font-size: 28rpx;
			font-weight: normal;
			color: #333;
		}
    
    .zwjj {
      margin: 24rpx 0;
      font-size: 28rpx;
			font-weight: normal;
			color: #333;
    }

    .title {
      font-weight: bold;
      margin-bottom: 16rpx;
    }
	}

}
</style>